var layer = layui.layer;
layui.config({
    base: '/lib/winui/' //指定 winui 路径
    , version: '1.0.0-beta'
}).define(['table', 'jquery', 'winui'], function (exports) {
    winui.renderColor();
    var table = layui.table;
    var $ = layui.jquery;
    var layer = layui.layer;
    var form = layui.form;
    var addBoxIndex = -1;
    $('#add').on('click', function () {
        var layer = layui.layer;
        top.winui.window.open({
            id: 'add',
            type: 2,
            end: function () {
                window.location.reload();
            },
            title: '区域表添加',
            content: '/newmerchantservice/sysAreaController/toAdd',
            area: ['60vw', '70vh'],
            offset: ['15vh', '20vw'],
        });
    });
    $('#reloadTable').on('click', function () {
        window.location.reload();
    });
    //table.render({
    //    elem: '#test'
    //    , url: '/newmerchantservice/sysAreaController/findByPage'
    //    , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
    //        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
    //        //,curr: 5 //设定初始在第 5 页
    //        , groups: 1 //只显示 1 个连续页码
    //        , first: false //不显示首页
    //        , last: false //不显示尾页
    //
    //    }
    //    , id: 'testReload'
    //    , cols: [[
    //        {checkbox: true, fixed: true},
    //        //{
    //        //
    //        //    field: 'id', title: '编号',
    //        //},
    //
    //
    //        {
    //
    //            field: 'name', title: '区域名称',
    //        },
    //
    //
    //        {
    //
    //            field: 'parentId', title: '父级区域',width: 300,
    //        },
    //
    //        {
    //
    //            field: 'remarks', title: '备注信息',
    //        },
    //
    //        {
    //            fixed: 'right', width: 178, align: 'center', toolbar: '#barDemo', title: "操作"
    //        }
    //    ]]
    //
    //});


    $('.demoTable .layui-btn').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
    //监听工具条
    table.on('tool(demo)', function (obj) {
        var data = obj.data;
        if (obj.event == 'detail') {
            top.winui.window.open({
                id: 'detail',
                type: 2,
                end: function () {
                    window.location.reload();
                },
                title: '区域表查看',
                content: '/newmerchantservice/sysAreaController/toCheck?id=' + data.id,
                area: ['60vw', '70vh'],
                offset: ['15vh', '20vw'],
            });


        } else if (obj.event == 'del') {
            layer.confirm('删除后不可恢复，是否确认删除？', function (index) {
                // obj.del();

                layer.close(index);

                $ = layui.jquery;

                $.get('/newmerchantservice/sysAreaController/delete?id=' + data.id, '', function () {
                    window.location.reload();
                });
            });
        } else if (obj.event == 'edit') {
            top.winui.window.open({
                id: 'edit',
                type: 2,
                end: function () {
                    window.location.reload();
                },
                title: '区域表添加',
                content: '/newmerchantservice/sysAreaController/toUpdate?id=' + data.id,
                area: ['60vw', '70vh'],
                offset: ['15vh', '20vw'],
            });
        }
    });

    var $ = layui.$, active = {
        getCheckData: function () { //获取选中数据
            var checkStatus = table.checkStatus('testReload')
                , data = checkStatus.data;
            layer.alert(JSON.stringify(data));
        }
        , getCheckLength: function () { //获取选中数目
            var checkStatus = table.checkStatus('testReload')
                , data = checkStatus.data;
            layer.msg('选中了：' + data.length + ' 个');
        }
        , isAll: function () { //验证是否全选
            var checkStatus = table.checkStatus('testReload');
            layer.msg(checkStatus.isAll ? '全选' : '未全选')
        },
        reload: function () {
            table.reload('testReload', {
                where: {
                    id: $('#id').val(),
                    name: $('#name').val(),
                }
            })
            ;
        }
    };
});